*{
    margin: 0; padding: 0;
}
.nav{
    width: 375px;
    height: 624px;
  border: 0px solid red;
    margin: 0 auto;
    background: url(/images/login_bg.png) no-repeat center;
    
}
.nav-to{
    width: 373px;
    height: 31px;
    border: 0px solid red;
    display: flex;
}
.nav-to div{
    border:0px solid white;
}
.nav-to div:nth-child(1){
    flex: 1;
}
.nav-to div:nth-child(2){
    flex: 1;
}
.nav-to div:nth-child(3){
    flex: 1;
}
.nav-top .icon-diandiandian{
    color: white;
    font-size: 25px;
}
.nav-top p{
   color: #fff;
   margin-left: 30px;
   margin-top: -25px;
   font-size: 14px;
}
.nav-top .icon-wifi{
    display: block;
    color: #fff;
    margin-left: 96px;
    margin-top: -18px;
}
.nav-tpe p{
    color: #fff;
    margin-left: 35px;
    margin-top: 2px;
}
.nav-cop .icon-suoding{
    color: #fff;
    font-size: 20px;
    display: block;
    margin-top: 3px;
}
.nav-cop .icon-lanya{
    color: #fff;
    display: block;
    margin-left: 45px;
    margin-top: -20px;
    font-size: 20px;
}
.nav-cop .icon-electricquantity3dianchidianliang{
    color: #fff;
    display: block;
    margin-left: 86px;
    margin-top: -24px;
    font-size: 25px;
}
.nav-df{
    width: 373px;
    height: 40px;
    border: 0px solid red;
    display: flex;
}
.nav-df div{
    border: 0px solid #333;
}
.nav-df div:nth-child(1){
    flex: 1;
}
.nav-df div:nth-child(2){
    flex: 1;
}
.nav-df div:nth-child(3){
    flex: 1;
}
.nav-df .icon-xiaoyuhao{
    color: #fff;
    display: block;
    margin-top: 8px;
    font-size: 20px;
    margin-left: 30px;

}
.nav-df p{
    color: #fff;
    margin-left: 42px;
    margin-top: 8px;
    font-size: 18px;
}
.nac-top .icon-diandiandian{
    color: #fff;
   display: block;
   font-size: 25px;
   margin-left: 86px;
   margin-top: 5px;
}
.nav-foot{
    width: 373px;
    height: 250px;
    border: 0px solid black;
}
.nav-eq{
    width: 375px;
    height: 152px;
    border: 1px solid #d6d3d3;
    display: flex;
    background-color: #fff;
}
.nav-eq div{
    border: 0px solid #333;
}
.nav-eq div:nth-child(1){
    flex: 1;
}
.nav-eq div:nth-child(2){
    flex: 1;
}
.nav-eq div:nth-child(3){
    flex: 1;
}
.hp-uo{
    font-size: 14px;
    margin-left: 15px;
}
.yu-p{
    font-size: 14px;
    margin-left: 80px;
    color: red;
}
